<div class="fly-header layui-bg-black">
  <div class="layui-container">
    <a class="fly-logo" routerLink="/">
      <img src="../../assets/images/logo.png" alt="layui">
    </a>
    <ul class="layui-nav fly-nav layui-hide-xs">
      <li class="layui-nav-item layui-this">
        <a routerLink="/question">
          <i class="iconfont icon-jiaoliu"></i>交流</a>
      </li>
      <li class="layui-nav-item">
        <a routerLink="/case">
          <i class="iconfont icon-iconmingxinganli"></i>案例</a>
      </li>
      <li class="layui-nav-item">
        <a routerLink="/users">
          <i class="iconfont icon-ui"></i>个人中心</a>
      </li>
    </ul>

    <ul class="layui-nav fly-nav-user" *ngIf='!login.isLogin'>

      <!-- 未登入的状态 -->
      <li class="layui-nav-item">
        <a class="iconfont icon-touxiang layui-hide-xs" href="user/login.html"></a>
      </li>
      <li class="layui-nav-item">
        <a routerLink='/login'>登入</a>
      </li>
      <li class="layui-nav-item">
        <a routerLink='/users/reg'>注册</a>
      </li>
      <li class="layui-nav-item layui-hide-xs">
        <a href="/app/qq/" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" title="QQ登入" class="iconfont icon-qq"></a>
      </li>
      <li class="layui-nav-item layui-hide-xs">
        <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" title="微博登入" class="iconfont icon-weibo"></a>
      </li>
    </ul>

    <ul class="layui-nav fly-nav-user" *ngIf='login.isLogin'>
      <!-- 登入后的状态 -->
      <li class="layui-nav-item">
        <a class="fly-nav-avatar" href="javascript:;">
          <cite class="layui-hide-xs">{{login.username}}</cite>
          <i class="iconfont icon-renzheng layui-hide-xs" title="认证信息：layui 作者"></i>
          <i class="layui-badge fly-badge-vip layui-hide-xs">VIP3</i>
          <img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg">
        </a>
        <dl class="layui-nav-child">
          <dd>
            <a href="../user/set.html">
              <i class="layui-icon">&#xe620;</i>基本设置</a>
          </dd>
          <dd>
            <a href="../user/message.html">
              <i class="iconfont icon-tongzhi" style="top: 4px;"></i>我的消息</a>
          </dd>
          <dd>
            <a href="../user/home.html">
              <i class="layui-icon" style="margin-left: 2px; font-size: 22px;">&#xe68e;</i>我的主页</a>
          </dd>
          <hr style="margin: 5px 0;">
          <dd (click)="loginOut()" class="userbtn">
            <span>退出</span>
          </dd>
        </dl>
      </li>
    </ul>
  </div>
</div>